.header-container {
  transition: background .5s ease;
  &.hide {
    height: 0px;
  }
  &.show {
    height: 48px;
  }
  &.menu {
    background: #2b3954;
  }
  .header-wrap {
    padding: 0 16px;
    .header-info {
      flex: none;
      .header-logo {
        width: 100px;
        margin-right: 0;
      }
      .header-nav {
        display: none;
        max-width: 432px;
        .header-nav-item {
          font-size: 12px;
        }
      }
    }
    .header-btns-info {
      margin-left: 0;
      .header-info-av {
        width: 24px;
        height: 24px;
      }
      .custom-dropdown {
        margin: 0;
      }
    }
  }
  .header-btns {
    &.hide {
      display: none;
    }
    .btn-down {
      display: none;
    }
    .btn-login {
      margin-left: 0 !important;
    }
  }
}

/deep/.custom_drawer {
  .el-drawer__body {
    padding: 0;
  }
  .menu {
    padding-top: 48px;
    background: #3c4963;
    min-height: 100%;
    .menu_item {
      height: 56px;
      line-height: 56px;
      padding: 0 16px;
      font-weight: 600;
      background: #2b3954;
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      &.active {
        background: #2785FF;
      }
    }
  }
}
